
<template>
    <div class="topbarcontainer">
        <div class="topbar-left">
            <img src="vite.svg" alt="">
        </div>
        <div class="topbar-center">
            <ul>
                <li>Home</li>
            </ul>
        </div>
        <div class="topbar-right">
            logout
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
.topbarcontainer {
    display: flex;
    height: 80px;
    width: 100%;
    align-items: center;
    position: static;
    top: 0;
    left: 0;

    .topbar-left {
        flex: 3;
        // background-color: #cd3030;
    }

    .topbar-center {
        flex: 5;
        // background-color: rgb(58, 61, 61);
    }

    .topbar-right {
        flex: 4;
        // background-color: aquamarine;
    }


}
</style>